﻿<%@ Page Title="Jobseeker create account" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="createJobseeker.aspx.cs" Inherits="iResume.createJobseeker" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
 
    <style type="text/css">
        .style35
        {
            margin-left: 83px;
            font-family: "Century Gothic";
        }
        .style56
        {
            text-align: left;
            font-size: x-large;
            color: #C0C0C0;
            font-family: "Century Gothic";
        }
        .style82
        {
            color: #FF3300;
            font-size: large;
        }
        .style85
        {
            font-family: "Century Gothic";
            font-size: small;
            color: #000000;
        }
        .style87
        {
            text-align: left;
        }
        .style90
        {
            font-size: small;
            color: #000000;
        }
        .style91
        {
            text-align: center;
        }
        .style92
        {
            text-align: left;
            width: 646px;
        }
        .style93
        {
            text-align: left;
            width: 338px;
        }
        .newStyle1
        {
            color: #034AF3;
        }
        .style95
        {
            font-size: small;
            color: #000000;
            font-weight: bold;
        }
        .style100
        {
            text-align: right;
            width: 888px;
        }
        .style101
        {
            text-align: left;
            font-size: large;
        }
        .style107
        {
            font-size: 8pt;
        }
        #passwordtxb
        {
            width: 300px;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
            height : 25px;
            padding: 2px 7px 0px 7px;   
            font-size: 14px;
            color: #999999;
            
        }
        .txtbox
        {   
                border-width:1px;
                border-style:inset;
                border-color: #D8D8D8;
                border-top-left-radius: 6px;
                border-top-right-radius: 6px;
                border-bottom-left-radius: 6px;
                border-bottom-right-radius: 6px;
                height : 25px;
                padding: 2px 7px 0px 7px;   
                font-size: 14px;
                color: #999999;
                 outline: none;
            
        }
            
        .style109
        {
            color: #FF0000;
            font-size: 8pt;
        }
            
        .style110
        {
            
                border-width:1px;
                border-style:inset;
                border-color: #D8D8D8;
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px;
            height : 25px;
            padding: 2px 7px 0px 7px;
            font-size: 14px;
            color: #666666;
            outline: #C8BBBE;
        }
            
        .style111
    {
        text-align: right;
        width: 888px;
        height: 33px;
    }
    .style112
    {
        text-align: left;
        height: 33px;
    }
    .style113
    {
        text-align: left;
        width: 338px;
        height: 33px;
    }
    .style114
    {
        text-align: left;
        width: 646px;
        height: 33px;
    }
    .style115
    {
        text-align: right;
        height: 33px;
    }
    .style116
    {
        text-align: right;
        width: 888px;
        height: 37px;
    }
    .style117
    {
        text-align: left;
        height: 37px;
    }
    .style118
    {
        text-align: left;
        width: 338px;
        height: 37px;
    }
    .style119
    {
        text-align: left;
        width: 646px;
        height: 37px;
    }
    .style120
    {
        text-align: right;
        height: 37px;
    }
    .style122
    {
        text-align: left;
        font-size: large;
        height: 35px;
    }
    .style123
    {
        text-align: right;
        width: 888px;
        height: 35px;
    }
    .style124
    {
        text-align: left;
        width: 338px;
        height: 35px;
    }
    .style125
    {
        text-align: left;
        height: 35px;
    }
    .style126
    {
        text-align: left;
        width: 646px;
        height: 35px;
    }
    .style127
    {
        text-align: right;
        height: 35px;
    }
    .style128
    {
        text-align: right;
        width: 888px;
        height: 57px;
    }
    .style129
    {
        text-align: left;
        height: 57px;
    }
    .style130
    {
        text-align: left;
        width: 338px;
        height: 57px;
    }
    .style131
    {
        text-align: left;
        width: 646px;
        height: 57px;
    }
    .style132
    {
        text-align: right;
        height: 57px;
    }
    .style133
    {
        text-align: right;
        width: 888px;
        height: 36px;
    }
    .style134
    {
        text-align: left;
        height: 36px;
    }
    .style135
    {
        text-align: left;
        width: 338px;
        height: 36px;
    }
    .style136
    {
        text-align: left;
        width: 646px;
        height: 36px;
    }
    .style137
    {
        text-align: right;
        height: 36px;
    }
            
        .style138
        {
            width: 15px;
            height: 15px;
        }
            
        .style141
        {
            text-align: left;
            font-size: large;
            height: 55px;
        }
        .style142
        {
            text-align: right;
            width: 888px;
            height: 55px;
        }
        .style143
        {
            text-align: left;
            width: 338px;
            height: 55px;
        }
        .style144
        {
            text-align: left;
            height: 55px;
        }
        .style145
        {
            text-align: left;
            width: 646px;
            height: 55px;
        }
        .style146
        {
            text-align: right;
            height: 55px;
        }
            
        </style>
    <script src="spass/jquery-1.4.4.min.js" type="text/javascript"></script>
    <link href="spass/style.css" rel="stylesheet" type="text/css" />
    <script src="spass/pschecker.js" type="text/javascript"></script>
 

    <script type="text/javascript">
        $(document).ready(function () {

            //Demo code
            $('#MainContent_passwordtxb').pschecker({ onPasswordValidate: validatePassword, onPasswordMatch: matchPassword });

            var submitbutton = $('.submit-button');
            var errorBox = $('.error');
            errorBox.css('visibility', 'hidden');
            submitbutton.attr("disabled", "disabled");

            //this function will handle onPasswordValidate callback, which mererly checks the password against minimum length
            function validatePassword(isValid) {
                if (!isValid)
                    errorBox.css('visibility', 'visible');
                else
                    errorBox.css('visibility', 'hidden');
            }
            //this function will be called when both passwords match
            function matchPassword(isMatched) {
                if (isMatched) {
                    submitbutton.addClass('unlocked').removeClass('locked');
                    submitbutton.removeAttr("disabled", "disabled");
                }
                else {
                    submitbutton.attr("disabled", "disabled");
                    submitbutton.addClass('locked').removeClass('unlocked');
                }
            }
        });
        function passwordtxb_onclick() {

        }


      

    </script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <table style="width:100%;">
        <tr>
            <td class="menu" colspan="6">
                <asp:Image ID="Image5" runat="server" ImageUrl="~/Picture/jobseeker.PNG" />
                <asp:HyperLink ID="HyperLink4" runat="server" 
                    NavigateUrl="~/createJobseeker.aspx">Job Seeker</asp:HyperLink>
                <asp:Image ID="Image3" runat="server" ImageUrl="~/Picture/recruiter.PNG" />
                <asp:HyperLink ID="HyperLink5" runat="server" NavigateUrl="~/recruiterCreate.aspx">Recruiter</asp:HyperLink>
                <asp:Image ID="Image4" runat="server" ImageUrl="~/Picture/admin.PNG" />
                <asp:HyperLink ID="HyperLink3" runat="server" 
                    NavigateUrl="~/adminConfirmationCode.aspx">Administrator</asp:HyperLink>
                <hr />
                <div class="style56">
                    <strong>Create </strong>Job Seeker - <span class="style95">Already have an 
                    account?
                    <asp:HyperLink ID="HyperLink6" runat="server" NavigateUrl="~/loginpage.aspx" 
                        CssClass="newStyle1">Log in Now!</asp:HyperLink>
                    </span> <span class="style90">
                <hr />
                    </span></div>
            </td>
        </tr>
        <tr>
            <td class="menu" colspan="3" style="text-align: left">
                <asp:Label ID="Label9" runat="server" Visible="False"></asp:Label>
            </td>
            <td class="menu" colspan="3" style="text-align: left">
&nbsp;</td>
        </tr>
        <tr>
            <td class="style111">
                                <asp:Label ID="Label1" runat="server" CssClass="style85" 
                    Text="Full Name :"></asp:Label>
            </td>
            <td class="style112">
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
                                    ControlToValidate="fullnametxb" CssClass="style82" 
                    ErrorMessage="*"></asp:RequiredFieldValidator>
            </td>
            <td class="style113">
                                <asp:TextBox ID="fullnametxb" runat="server" onfocus="this.style.backgroundColor='#E6E6E6'" 
onblur="this.style.backgroundColor=''"  cssclass="style110" Width="300px" placeholder="Enter your full name"></asp:TextBox>
            </td>
            <td class="style112">
                                </td>
            <td class="style114">
                                <asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" 
                                    ControlToValidate="fullnametxb" ErrorMessage="No special characters &amp; numbers are allowed" 
                                    ForeColor="Red" ValidationExpression="[a-zA-Z\s]+" style="font-size: 8pt"></asp:RegularExpressionValidator>
                                </td>
            <td class="style115">
                </td>
        </tr>
        <tr>
            <td class="style116">
                                <asp:Label ID="Label2" runat="server" CssClass="style85" 
                    Text="Email Address :"></asp:Label>
            </td>
            <td class="style117">
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 
                                    ControlToValidate="emailtxb" CssClass="style82" 
                    ErrorMessage="*"></asp:RequiredFieldValidator>
            </td>
            <td class="style118">


                    <asp:TextBox ID="emailtxb" runat="server" CssClass="style110"
                    Width="300px" onfocus="this.style.backgroundColor='#E6E6E6'" 
onblur="this.style.backgroundColor=''" ToolTip="Example: someone@example.com" placeholder="Enter your email address"></asp:TextBox>
                   
                   
                                <br />
                                </td>
            <td class="style117">
                                </td>
            <td class="style119">
                                <asp:Label ID="Label10" runat="server" ForeColor="Red" Text="Invalid Email" 
                                    Visible="False" style="font-size: 8pt"></asp:Label>
                                <br />
                <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" 
                                    ControlToValidate="emailtxb" CssClass="style107" img src="cross_icon-1.png" ErrorMessage="Wrong Format, please follow the example
                " ForeColor="Red" 
                    ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
            </td>
            <td class="style120">
                </td>
        </tr>
        <tr>
            <td class="style123">
                                <asp:Label ID="Label5" runat="server" CssClass="style85" 
                    Text="Job Category :"></asp:Label>
            </td>
            <td class="style122">
                </td>
            <td class="style124">
                <asp:DropDownList ID="categorydpb" runat="server" Width="310px" onfocus="this.style.backgroundColor='#E6E6E6'" 
onblur="this.style.backgroundColor=''" CssClass = "style110">
                                    <asp:ListItem>Choose a job category</asp:ListItem>
                                    <asp:ListItem>Information Technology</asp:ListItem>
                                    <asp:ListItem>Engineering</asp:ListItem>
                                    <asp:ListItem>Business</asp:ListItem>
                                    <asp:ListItem Value="Applied Science">Applied Science</asp:ListItem>
                                </asp:DropDownList>
                                
            </td>
            <td class="style125">
                </td>
            <td class="style126">
                </td>
            <td class="style127">
                </td>
        </tr>
        <tr>
            <td class="style128">
                                <asp:Label ID="Label3" runat="server" CssClass="style85" 
                    Text="Password :"></asp:Label>
            </td>
            <td class="style129">
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" 
                                    ControlToValidate="passwordtxb" CssClass="style82" 
                    ErrorMessage="*"></asp:RequiredFieldValidator>
            </td>
            <td class="style130">

            <div class="password-container">
            
                                <asp:TextBox ID="passwordtxb" runat="server" CssClass="strong-password" onfocus="this.style.backgroundColor='#E6E6E6'" 
onblur="this.style.backgroundColor=''"
                                    TextMode="Password" Width="300px" placeholder="Enter your password" ToolTip="At least 1 number, 1 upper case letter and 1 lower case letter"
                                    style="color: #666666"></asp:TextBox>

                &nbsp;<div class="meter">
                </div>
              
           
              
        </div>
  
            </td>
            <td class="style129">
                                </td>
            <td class="style131">
                               <div class="style109">
                                   <span class="error">Password must be 8 characters long characters long</span>
                               </div>
            </td>
            <td class="style132">
                </td>
        </tr>
        <tr>
            <td class="style116">
                                <asp:Label ID="Label4" runat="server" CssClass="style85" 
                                    Text="Re-type Password :"></asp:Label>
            </td>
            <td class="style117">
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" 
                                    ControlToValidate="retypepasswordtxb" CssClass="style82" 
                    ErrorMessage="*"></asp:RequiredFieldValidator>
            </td>
            <td class="style118">
                                <asp:TextBox ID="retypepasswordtxb" runat="server" cssclass="style110" TextMode="Password" 
                                    Width="300px" onfocus="this.style.backgroundColor='#E6E6E6'" 
onblur="this.style.backgroundColor=''" placeholder="Retype password"></asp:TextBox>
            </td>
            <td class="style117">
                                </td>
            <td class="style119">
                                <asp:CompareValidator ID="CompareValidator1" runat="server" 
                                    ControlToCompare="passwordtxb" ControlToValidate="retypepasswordtxb" 
                                    ErrorMessage="Password do not match" style="color: #FF0000" 
                                    CssClass="style107"></asp:CompareValidator>
            </td>
            <td class="style120">
                </td>
        </tr>
        <tr>
            <td class="style100">
                                &nbsp;</td>
            <td class="style101">
                &nbsp;</td>
            <td class="style93"><asp:Image ID="imgCaptcha1" runat="server" CssClass="style87" 
                    ImageUrl="Captcha.ashx" />
                                </td>
            <td class="style87">
                                &nbsp;</td>
            <td class="style92">
                                &nbsp;</td>
            <td class="menu">
                &nbsp;</td>
        </tr>
        <tr>
            <td class="style133">
                                <asp:Label ID="Label6" runat="server" CssClass="style85" 
                                    Text="Word Verification :"></asp:Label>
                            </td>
            <td class="style134">
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" 
                                    ControlToValidate="wvTxb" CssClass="style82" 
                    ErrorMessage="*"></asp:RequiredFieldValidator>
                            </td>
            <td class="style135">
                
                <asp:TextBox ID="wvTxb" runat="server" Width="300px" cssclass="style110" onfocus="this.style.backgroundColor='#E6E6E6'" 
onblur="this.style.backgroundColor=''"
                 placeholder="Enter the numbers you see in above image"></asp:TextBox>
                <br />
                            </td>
            <td class="style134">
                                </td>
            <td class="style136">
                                <asp:Panel ID="Panel5" runat="server" Wrap="False" Visible="False">
                                    <span class="style109">
                                    <img class="style138" src="picture/cross_icon-1.png" />
                                    Wrong word verification</span></asp:Panel>
            </td>
            <td class="style137">
                </td>
        </tr>
        <tr>
            <td class="style142">
                                <asp:Label ID="Label7" runat="server" CssClass="style85" 
                    Text="Terms &amp; Conditions :"></asp:Label>
                            </td>
            <td class="style141">
                </td>
            <td class="style143">
                                <asp:TextBox ID="wvTxb0" runat="server" CausesValidation="True" 
                                    ontextchanged="wvTxb0_TextChanged" ReadOnly="True" cssclass="style110"
                                    Style="max-height:80px; min-height:80px; max-width:300px; min-width:300px;" 
                                    TextMode="MultiLine">Welcome to our website. If you continue to browse and use this website,
 you are agreeing to comply with and be bound by the following
 terms and conditions of use, which together with our privacy policy 
govern iResume&#39;s relationship with you in relation to this website. 
If you disagree with any part of these terms and conditions, 
please do not use our website.</asp:TextBox>
                                <br />
                                <asp:CheckBox ID="termsckb" runat="server" 
                                    Text="I agree to terms and conditions" AutoPostBack="True" 
                                    oncheckedchanged="termsckb_CheckedChanged" />
                            </td>
            <td class="style144">
                </td>
            <td class="style145">
                </td>
            <td class="style146">
                </td>
        </tr>
        <tr>
            <td class="style91" colspan="6">
                <asp:Button ID="Button1" runat="server" 
                    Text="Register" onclick="Button1_Click" CssClass="style35" 
                    Enabled="False" Width="300px" />
            </td>
        </tr>
        </table>
        <div class="footer">
            <br />
            <br />
            <br />
            <br />
            <br />
        
            
            <a href="http://www.google.com" target="_blank">
            <asp:ImageButton ID="ImageButton2" runat="server" Height="54px" 
                ImageUrl="Picture/google.PNG" target="_blank" Width="154px" />
            </a><a href="http://www.msn.com" target="_blank">
            <asp:ImageButton ID="ImageButton3" runat="server" Height="56px" 
                ImageUrl="Picture/msn.PNG" Width="105px" />
            </a><a href="http://www.yahoo.com" target="_blank">
            <asp:ImageButton ID="ImageButton4" runat="server" Height="67px" 
                ImageUrl="Picture/y.PNG" Width="154px" />
            </a>
    </div>
</asp:Content>
